@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}

.container-box {
    width: 960px;
    /* background-color: red; */
    margin: 0 auto;
    /* border: 1px solid black; */
}
h1  {
    font-size: 18px;
    color: rgb(53, 53, 53);
    display: block;
    font-weight: 700;
    margin-top: 10px;
    line-height: 19.8px;
}

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846154;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: .4s cubic-bezier(.175,.885,.32,1);
    -o-transition: .4s cubic-bezier(.175,.885,.32,1);
    transition: .4s cubic-bezier(.175,.885,.32,1);
    -webkit-transition-property: background,border,outline,opacity,-webkit-box-shadow;
    -o-transition-property: background,border,box-shadow,outline,opacity;
    transition-property: background,border,outline,opacity,-webkit-box-shadow;
    transition-property: background,border,box-shadow,outline,opacity;
    transition-property: background,border,box-shadow,outline,opacity,-webkit-box-shadow;
}
.btn-primary {
    color: #fff;
    background-color: #3280fc;
    border-color: #1970fc;
}

#jsonlintBox {
    margin-top: 10px;
    margin-bottom: 0;
    /* display: none; */
}

.alert.with-icon {
    display: table;
    width: 100%;
}

.alert-success {
    color: #329d38;
    background-color: #ddf4df;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    /* color: #282828; */
    /* background-color: #f1f1f1; */
    border-radius: 3px;
    -webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);
    -o-transition: all .4s cubic-bezier(.175,.885,.32,1);
    transition: all .4s cubic-bezier(.175,.885,.32,1);
}

.icon-ok-sign::before {
    content: '\e653';
}

.input-textarea {
    height: 220px;
    width: 100%;
    resize: none;
    border: 1px solid rgb(193, 222, 250);
    border-radius: 4px;
    padding: 5px;
    outline-color: rgba(83, 160, 231, 0.61); // 鼠标聚焦边框颜色
  }

  .json-content {
    margin-top: 10px;
  }

  .alert-danger {
    color: #e75033;
    background-color: #ffe5e0;
}